
.m-header {
  position: relative;
  height: 0.88rem;
  line-height: 0.88rem;
  font-size: 0.32rem;
  border-bottom: 1px solid #EBEBEB;
  text-align: center;
  color: #2C2C2C;
  letter-spacing: 0;
  background: #fff;
}

.m-return {
  position: absolute;
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
  left: 0.24rem;
  width: 0.21rem;
  height: 0.38rem;
  background: url(http://c2.cgyouxi.com/website/mobile/img/arrow-l.png?v=20180122) no-repeat center center;
  background-size: 100% 100%;
}

.m-tab {
  height:0.88rem;
  background: #fff;
  position: relative;
}
.nav{
  font-size: 0.28rem;
  height: 100%;
}
.nav.active{
  color: #f03238;
}
.slider{
  width: 0.68rem;
  height: 4px;
  background-image: linear-gradient(85deg, #f03238 35%, #ffd51a 100%);
  position: absolute;
  bottom: 0.1rem;
}
.slider.pull-left{
  left:2.1rem;
}
.slider.pull-right{
  left:4.4rem;
}

.m-view1 {
  background: #fff;
  height: 100%;
  padding-bottom: 0.24rem;
  padding-top: 0.22rem;
}

.m-view2 {
  height: 100%;
  background-color: #f1f1f1;
}

.classification {
  padding: 0 .24rem;
}

.classification div {
  width: 1.28rem;
  height: 0.48rem;
  text-align: center;
  background-color: #f1f1f1;
  border-radius: 5px;
  font-size: 0.28rem;
  line-height: 0.48rem;
  color: #000;
}

.classification div.active {
  color: #ff3339;
}

.search-box {
  width: 7.02rem;
  height: .68rem;
  background-color: #f3f3f3;
  border-radius: 34px;
  margin: 0.16rem auto 0;
  overflow: hidden;
}

.search-box div {
  float: left;
}

.icon-img {
  width: 0.37rem;
  height: 0.38rem;
  margin-top: 0.16rem;
  margin-left: 0.24rem;
}

.input-box input {
  width: 155%;
  height: 100%;
  background: none;
  outline: none;
  border: 0px;
  padding-left: .4rem;
}

.give-or-take {
  height: 0.72rem;
}

.Up-and-down-arrow {
  padding-right: 0.19rem;
}

.list-item {
  background: #fff;
  width: 7.02rem;
  margin: 0 auto;
  border-radius: 4px;
  padding: 0.15rem 0.46rem;
  margin-bottom: 0.2rem;
}

.desc {
  margin-left: 0.38rem;
  margin-right: 0.23rem;
  font-size: 12px;
}

.font-box {
  width: 1.08rem;
  height: 1.08rem;
  border-radius: 10px;
  text-align: center;
  color: #fff;
  font-size: 0.72rem;
  margin-top: 0.31rem;
  position: relative;
}
.number-show {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid red;
  background: red;
  border-radius: 100%;
  position: absolute;
  right: -10px;
  bottom: -10px;
  color: #fff;
  text-align: center;
  line-height: 20px;
  font-size: 0.28rem;
}
.font-box.zise{
  /*background-color: #8B2FAA;*/
  /*border: 3px solid #F93AE2;*/
  background: url("../../static/image/zise_icon.png") no-repeat center center;
  background-size: 100% 100%;
}
.font-box.blue{
  /*background-color: #00A4C7;*/
  /*border: 2px solid #04CEFF;*/
  background: url("../../static/image/lanse_icon.png") no-repeat center center;
  background-size: 100% 100%;
}
.font-box.green{
  /*background-color: #2CA975;*/
  /*border: 2px solid #4AD098;*/
  background: url("../../static/image/luse_icon.png") no-repeat center center;
  background-size: 100% 100%;
}
.font-box.white{
  /*background-color: #E0E0E0;*/
  /*border: 2px solid #E7E7E7;*/
  background: url("../../static/image/baise_bg.png") no-repeat center center;
  background-size: 100% 100%;
  color:#000;
}

.changebtnbox {
  margin-top: 0.3rem;
}

.changebtnbox button {
  width: 1.28rem;
  height: .58rem;
  border-radius: 4px;
  border: none;
  color: #fff;
  display: block;
}

.changebtn {
  background-color: #f03238;
}

.shangjabtn {
  background-color: #17c883;
  margin-top: 0.31rem;
}

.my-desc{
  font-size: 9px;
  color: #303030;
  padding-top:0.2rem;
  padding-bottom: 0.4rem;
  padding-left:0.24rem;
}


/* 遮罩层样式 */
.black_overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: .50;
  filter: alpha(opacity=80);
}
.white_content {
  position: fixed;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  width: 6.54rem;
  height: 5.09rem;
  background-color: white;
  z-index: 1002;
  border-radius: 10px;
}
.white_content2{
  height: 6.28rem;
}
.possess {
  padding-left: 2.73rem;
  padding-top: 0.3rem;
  padding-bottom: 0.29rem;
}
.text-desc{
  padding-left: 0.18rem;
}
.character {
  width: .7rem;
  height: .68rem;
  background-color: #8B2FAA;
  border: 4px solid #F93AE2;
  border-radius: 10px;
}
.character span {
  display: block;
  text-align: center;
  line-height: .68rem;
  font-size: 40px;
  font-weight: 600;
  color: #fff;
}
.magnitude {
  padding-left: 5px;
  font-size: 12px;
}
.bottom {
  display: inline-block;
  padding-top: .55rem;
  padding-left: 5px;
}
.subtract {
  height:0.58rem;
  padding:0 1.1rem;
}
.subtract2 {
  height:0.58rem;
  padding:0.1rem 0.9rem 0;
}
.subtract11 {
  width: 90%;
  height:.3rem;
  margin-left: 5%;
  margin-top: .2rem;
  /* border: 1px solid red; */
}
.minimum {
  width: .88rem;
  height: .48rem;
  border: 1px solid #ccc;
  border-radius: 25px;
}

.countbox{
  width: 1.58rem;
  height: .48rem;
  position: relative;
  text-align: center;
  margin:0 0.48rem;
}
.countbox2{
  width: 2.67rem;
  height: .48rem;
  background-color: #666666;
  border-radius: 8px;
  text-align: center;
  position: relative;
  margin: 0 0.12rem;
}
.right-jia2{
  position: absolute;
  right: 0rem;
  border-radius: 0px 8px 8px 0px;
}
.commen2{
  width: .68rem;
  height: .48rem;
  background-image: linear-gradient(31deg,
  #f1373a 12%,
  #ff8a55 100%);
  color: #fff;
}
.left-jian2{
  position: absolute;
  left:0rem;
  border-radius: 8px 0px 0px 8px;
}
.maximum {
  width: .88rem;
  height: .48rem;
  border-radius: 25px;
  background-color:#17c883;
  color: #fff;
}
.commen{
  width: 0.58rem;
  height: .58rem;
  border-radius: 100%;
  background-image: linear-gradient(70deg,
  #f03339 0%,
  #ff8e56 100%);
  font-size: 0.52rem;
  color: #fff;
}
.number-one {
  width: 100%;
  height: 100%;
  line-height: 0.48rem;
  background-color: #999;
  color: #fff;
}
.number-one2 {
  width: 100%;
  height: 100%;
  line-height: 0.48rem;
  background-color: #999;
  color: #fff;
  border-radius: 8px;
}
.right-jia{
  position: absolute;
  right: -0.29rem;
}
.left-jian{
  position: absolute;
  left:-0.29rem;
}
.cancel {
  width: 0.98rem;
  height: 0.98rem;
  text-align: center;
  position: absolute;
  left: 50%;
  bottom: -1.46rem;
  transform: translateX(-50%);
  color: #fff;
  font-size: 0.6rem;
  border: 2px solid #fff;
  border-radius: 50%;
  /*opacity: 0.5;*/
  /*filter: progid:DXImageTransform.Microsoft.alpha(opacity=50);*/
}

.average {
  width: 5.20rem;
  height: .88rem;
  background-image: linear-gradient(90deg,
  #f03238 0%,
  #fd555b 38%,
  #ff8e56 100%);
  border-radius: 5px;
  font-size: .38rem;
  margin: 0.37rem auto;
  color: #fff;
}

.timeTitle{
  text-align: center;
  font-size: 0.28rem;
  color: #303030;
  margin:0.1rem 0;
}
.chooseTimBeox{
  padding:0 1.5rem;
}
.chooseTimBeox .time:nth-child(2){
  margin:0 0.26rem;
}
/*.timeCenter{*/
/*margin:0 0.26rem;*/
/*}*/
.time{
  width: 1.08rem;
  height: .48rem;
  border-radius: 20px;
  border: solid 1px #999999;
  color: #303030;
}
.time.active{
  background-image: linear-gradient(70deg,
  #f03339 0%,
  #ff8e56 100%);
  border: solid 1px transparent;
  color: #fff;
}
.selldesc{
  font-size: 0.18rem;
  color: #999999;
  width: 3.6rem;
  margin: -0.24rem auto 0;
  line-height: 0.3rem;
  text-align: center;
}









